<template>
  <div>
    <input type="text" v-model.lazy="msg" />
    <p>{{ msg }}</p>
    <input type="text" v-model.trim="name" />
    <p>{{ name }}</p>
    <input type="text" v-model.number="age" />
    <p>{{ age }}</p>
  </div>
</template>

<script>
export default {
  data: () => ({
    msg: 'Hello world!',
    name: '张智琦',
    age: 18
  })
}
</script>
